* {
    margin: 0;
    padding: 0;
}

#app {
    /* height: 80px; */
    width: 100%;
}

.el-container {
    position: absolute;
    left: 0;
    width: 100%;
    direction: "vertical";
    /* background-color: rgb(180, 106, 106); */
}


.el-header {
    position: fixed;
    z-index: 5;
    top: 0;
    width: 100%;
    height: 80px !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    background-color: white;
}


.el-header .el-menu {
    position: absolute !important;
    left: 300px;
    height: 80px !important;
    width: 500px;
    background-color: transparent !important;
}


.el-header .el-menu-item {
    height: 80px !important;
    line-height: 80px !important;
    font-size: 20px;
}


#logo {
    position: absolute;
    display: block;
    left: 80px;
    height: 80px;
}


#header_right {
    height: 80px;
    line-height: 80px;
    position: absolute !important;
    right: 100px;
}


#login_register {
    height: 80px;
    font-size: 20px;
    color: gray;
    border: 0;
    background-color: transparent;
}


#login_register:hover {
    text-decoration: underline;
}


.el-badge {
    height: 40px;
    line-height: 40px;
}


.el-icon-s-goods {
    margin-left: 20px;
    font-size: 30px;
    color: rgb(240, 164, 24);
}

.el-dropdown {
    margin-left: 20px;
    font-size: 20px;
}


#logout {
    font-size: 15px;
    background-color: transparent;
    border: 0;
}

.drop:hover,
#logout:hover {
    background-color: #2c9678 !important;
    color: white !important;
}

.el-main {
    /*margin-top: 85px;*/
    /* background-color: rgb(59, 94, 142); */
}

img {
    height: 110%;
}